<template>
  <el-dialog
    title="提示"
    :visible.sync="visible"
    :close-on-click-modal="false"
    @close="QualityDialogClose"
  >
  <!-- top="400px" -->
    <slot name="content"></slot>
    <span slot="footer" class="dialog-footer">
      <el-button @click="QualityDialogClose">取 消</el-button>
      <el-button type="primary" @click="QualityDialogTrue">确 定</el-button>
    </span>
  </el-dialog>
</template>


<script>
export default {
  name: 'QualityDialog',
  components: {},
  props: {
    QualityDialogFlag: {
      default: false
    }
  },
  data() {
    return {
      visible: false
    }
  },
  created() {},
  mounted() {},
  methods: {
    QualityDialogClose() {
      this.$emit('update:QualityDialogFlag', false)
    },
    QualityDialogTrue() {
      this.$emit('update:QualityDialogFlag', false)
      this.$emit('apiTo', true)
    }
  },
  watch: {
    QualityDialogFlag() {
      this.visible = this.QualityDialogFlag
    }
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-dialog {
  // margin-left: 550px !important;
  // margin-left: 480px !important;
  // margin-top: 300px !important;
}
</style>